*{padding:0px;margin: 0px;}
.div-nav{
    /* 子元素不设置width,它会继承父元素的width
    这种继承只发生在块元素之间
     */
    /* 用背景图片加载会快一点，用img加载会慢一点 */
    background: #18BEBE url('../images/logo.png') center no-repeat;
    /* .. 当前文件所在目录的上一级目录 */
    height:70px;

}
a{
    text-decoration:none;
    color:rgb(81, 81, 81);
}
li{
    list-style: none;
}
.container{
    width:1000px;
    margin:0 auto;
    /* overflow:hidden; */
    font-size: 15px;
   
}
.flash{
    margin-right: 0px;
}
.div-con{
    width:240px;
    height: 300px;
    border:1px solid rgb(184, 183, 183);
    float:left;
    /* margin-right:13.333px; */
    margin-top: 13px;
    box-sizing:border-box;
    background: rgb(233, 233, 233)
}
.div-con:hover ul>li{
    color:#FBC26E;
}
.con-fram .div-con:not(:nth-child(4n+4)){ 
     margin-right:13.33px;
}
.nav2{
   
    background:#f1eff2;
    height:40px;
}
.nav2-fram{
    position:relative;
    width:1000px;
    height: 40px;;
    margin:0 auto;
    line-height:40px;
}

.nav2-left-content{
    float:left;
    font-size: 16px;
    margin-left:15px;
  
}
.nav2-left-content i{
    color:#51c6c6;
    font-size:15px; 

}
.nav2-left-content  a{
    text-decoration:none;
    
}
.nav2-left-content a{
    transform: translateY(-5px);
    font-size: 12px;
}
.nav2-left-content span{
    font-size: 12px;
}

.nav2-center-content a{
    text-decoration:none;
    font-size: 17px;
}
.nav2-center{
    position: absolute;
    top:50%;left:50%; transform:translate(-50%,-50%);
    overflow: hidden;
}
.nav2-center li{
    list-style:none;
    float:left;
}
.nav2-center-content li:nth-child(2n+2){
    margin-left:50px;
}
.nav2-center-content li:nth-child(3){
    margin-left:50px;
}
.nav2-right{
    position: absolute;
    right:5px;;
}
.select2{
    background:#e7e7e7;
    height:50px;
    position: relative;
    line-height: 50px;
}
.select2-left{
    margin-left: 15px;
    position:absolute;
    left:0;
    color:rgb(76, 76, 76);
    
}
.select2-center{
    border: 1px solid #999;
    overflow: hidden;
    position:absolute;
    top:50%;left:50%; 
    transform: translate(-70%,-50%);
    background: #fff;
    height:17px;
    
}
.select2-center input{
    width:180px;
    height:17px;
    outline:none;
    border:none;
    float: left;

}
.select2-center button{
    height: 16px;
    background: #fff;
    border:none;
    outline: none;
    float: left;
    font-size: 15px;
    transform: translateY(-2.5px);
}
.select2-right{
    position:absolute;
    right:0;
    margin-right: 15px;
    color: #51c6c6; 
}
.select2 .select2-right i{
  display: inline-block;
    font-size: 20px;
    transform: translateY(2px);
}
.select2 .select2-right span{
    font-size: 17px;
}

.select-nav1{

    height:50px;
    margin-left:10px;
    line-height: 50px;
    color:rgb(76, 76, 76);
    font-size: 16px;
    clear: both;
}
.select-nav2{
    background: rgb(235, 235, 235);
    margin-bottom:20px;
    overflow:hidden;
    font-size:15px;
  
    
}
.select-nav2 li{
     
        float: left;
        margin-right: 20px;
    
}
.select-nav2 ul:first-child{
    margin-top:15px;
}
.select-nav2 ul{
    margin-bottom:10px;
}
.select-nav2 ul:last-child{
    margin-bottom:20px;
}
 
.select-nav2 .row a{
    border:1px solid color#333;
    text-decoration:none;
    color:#333;
}
.select-nav2 li {
    border:1px solid  #EBEBEB;
}
.select-nav2 a{
    border:1px solid  #EBEBEB;
}
.row::after{
    content:"";
    display:table;
    clear:both;
}

.row p{
  color:#51c6c6;
  margin-left:15px;
}
.select-nav2 a:link {
    /* 链接正常状态下 */
    border: 2px solid #333;
    color: rgb(160, 160, 160);
    padding: 0 10px;
}
.row  a:hover{
    border:2px solid #FCBA50;
    background: #fff;
}

.pic img{
    display:block;
    width:218px;
    height: 200px;
    margin:10px 9px 5px 10px;
    margin-top:10px;
    box-shadow: 1px 1px 2px 1px rgb(211, 211, 211);
}
.pic-cont{
    height: 115px;
}
.pic-cont li{
    margin-left:20px;
    list-style:none;
   
}
.pic li{
    font-size: 12px;
}
.div-con a{
    text-decoration:none;
}
.rank{
    color:rgb(24, 190, 190);
    height:35px;
    overflow: hidden;
}
.rank li{
    float:left
}
.rank li:first-child{

    font-size: 18px;
    margin-top:5px;
}
.rank li:last-child{
    margin-top:10px;
}

/* .rank-cent .rank{
    color:rgb(24, 190, 190);
} */
.con-fram{
    margin-top:10px;
    overflow: hidden;
}
.page{
    height: 90px;
    line-height: 90px;
    overflow: hidden;
   color:rgb(93, 93, 93);
}
.page-left{
    width:440px;
    position: relative;
    float: left;
}
.page-left button{
    background-color:#ebebeb;
    border:none;
    font-size:15px;
    height:30px;
    width:120px;
  
}
.page-up{
    position: absolute;
    left:0;
}
.page-down{
    position: absolute;
    right:0;
}
.pages{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,0);
}
.pages a{
    
    margin:0 10px;
    text-decoration:none;

}

.pages a:visited{
    border-bottom: 1px solid rgb(255,167,0);
    
}
.pages a:hover{
    border-bottom: 1px solid rgb(255,167,0);
    color:rgb(255,167,0);
}

.page-right{
    float:right;
    transform: translateX(-210px)
    

}
.container.pan-right span {
    font-size:20px;
}
.page-right input{
    text-align: center;
    font-size: 15px;
    height: 30px;
    width:30px;
    border:2px solid rgb(81, 81, 81);
}


.page-right button{
    margin-left:30px;
    height:35px;
    width:65px;
    color:white;
    background: rgb(255, 167, 0);
    border:none;
    font-size: 17px;
}

.relation{
    overflow: hidden;

}
.erweima{
    height:85px;
    width:85px;
    border:1px solid rgb(211, 211, 211);
    float:left;
    text-align: center;
}
.backfeed{
    float: left;
    height:95px;
    margin-left:20px;
}
.backfeed p:first-child{
    line-height: 35px;
    color:rgb(95, 200, 200);
    font-size: 20px;
    margin-bottom: 10px;
}
.backfeed p:last-child{
    
    color:rgb(97, 97, 97);
    line-height: 20px;
}
.footer{
    background: rgb(81, 81, 81);
    
}
.footer-content{
    overflow: hidden;
    margin: 20px auto 0px auto;
    width:1000px;
    color:rgb(203, 203, 203);
    font-size: 12px;
}
.footer-content-left{
    float: left;
}
.footer-content-left img:first-child{
    margin:25px 0 15px 0;
}
.footer-content-left p:first-of-type{
   color:#fff;
   font-size: 15px;
   margin-bottom: 10px;
   
}
.footer-content-left p:last-of-type{
   
    line-height: 20px;
}
.footer-content-center{
    float:left;
    margin-left: 70px;
    margin-top: 60px;
}
.footer-content-center span{
    margin-left: 80px;
    font-size: 12px;
    display:inline-block;
    margin-bottom: 15px;
}
.footer-content a{
    color:rgb(203, 203, 203);
}


.footer-content-right{
    float: left;
    margin-left: 135px;
    margin-top: 50px;
    
}
.footer-content-right p{
    margin-bottom: 4px;
}
.footer-mark{
    float:left;
    font-size: 12px;
    color: rgb(203, 203, 203);
}
.footer-mark hr{
   border: 0.5px solid rgb(111, 114, 115);
   width:1000px;
   margin-top:20px;
}
.footer-mark span{
    display:inline-block;
    line-height: 46px;
}
.footer-mark span:first-of-type{
    margin-right: 450px;
}